body {
margin: 0;
padding: 0;
}

.clear{ 
margin: 0;
padding: 0;
clear: both;
}

label {
margin: 0;
padding: 0;
}

/* Popup print window */

.header-branding {
float:left;
padding-left:28px;
}

.header-tagline {
float:right;
padding:42px 28px 0 0;
}

.directions-waypoint {
clear:both;
height:40px;
margin-bottom:10px;
position:relative;
}

#search-map h3 a {
color:white;
display:block;
font-family:"Lucida Grande","Lucida Sans",Arial,Helvetica,sans-serif;
font-weight:normal;
margin:4px 0 0 14px;
padding:0 0 0 15px;
font-size: 13px;
text-decoration:none;
}

#find-nearby-toggle {
background:url("../gfx/white-toggle-arrows.gif") no-repeat scroll 0 0 transparent;
}
#find-nearby-toggle.open {
background-position:left -25px;
}
#find-nearby-toggle.closed {
background-position:left top;
}
#search-map-form.closed {
display:none;
}
.hidden {
display:none;
}

.open {
display:block;
}
.close {
display:none;
}
#popup-header {
background:url("../gfx/header-gradient.gif") repeat-x scroll left top white;
height:60px;
padding-bottom:20px;
}

#wrapper a.bingprint-link {
background:url("../gfx/black.gif") repeat-x scroll left top;
border:1px solid #D4D4D4;
color:white;
display:block;
font-family:"Lucida Grande","Lucida Sans",Arial,Helvetica,sans-serif;
font-size:14px;
padding:3px 14px;
position:absolute;
right:32px;
text-align:center;
top:8px;
text-decoration: none;
}
#maps-page {
margin:0 auto;
padding:0 !important;
width:675px !important;
}
#wrapper {
padding:0 58px;
}
.listing {
color:black;
padding:15px 10px 5px;
float: left;
width: 300px;
}
span.listing-name {
font-size:20px;
font-weight:bold;
}
span.listing-phone, span.listing-address {
display:block;
font-size:14px;
font-weight:bold;
margin:3px 0 0;
}
#traffic{
width:46px;
padding-left:3px;
padding-right:3px;
border:1px solid transparent;
cursor:pointer;
float:left;
height:21px;
line-height:21px;
margin-bottom:2px;
margin-top:2px;
position:relative;
font-size:7.5pt;
text-align:center;
color:white;
font-weight:normal;
font-family:verdana,arial,sans-serif;
font-size-adjust:none;
font-style:normal;
font-variant:normal;
text-decoration:none;
}
#traffic:hover{
border:1px solid #8DC2EE;
}

/* Design CSS */

.map-options {
margin-bottom:0.5ex;
text-align:right;
}

.map-options ul {
list-style: none;
margin: 0;
padding: 0;
}

.map-options li {
border-left:1px solid #555555;
display:inline;
padding:0 5px 0 8px;
margin-left: 0;
}

.map-options li.first {
border-left:0 none;
}

.map-options .options-title {
border: none;
text-align: left;
font-size: 16px;
margin-bottom: 0;
} 

.map-options li a:visited, .map-options li a:link, .map-options li a {
color:#067AB4;
font-weight:bold;
text-decoration:none;
}

#myControl {
width:150px !important;
z-index:300;
position: absolute;
top: 0;
right: 0;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
}

#search-map {
text-align: left;
}

#search-map h3.bizname  {
background: url("../gfx/5px.png") repeat;
margin: 0;
font-weight:bold;
height:25px;
margin-bottom:1px;
padding: 0;
padding-top:1px;
}

#search-map #search-map-form {
background:url("../gfx/5px.png") repeat;
height:280px;
padding:16px 0 0 12px;
margin: 0;
}

#search-map input {
margin: 0;
padding: 0;
margin-right:0.25em;
vertical-align:middle;
overflow:visible;
}

#search-map input#find {
border:1px solid white !important;
background:url("../gfx/black.gif") repeat-x left center #333333 !important;
color:white !important;
cursor:pointer;
font-weight:bold;
font-family:"Lucida Grande","Lucida Sans",Arial,Helvetica,sans-serif;
padding:3px 14px !important;
margin-right:0.25em;
margin-top: 10px;
}

#search-map input#other-category {
width:119px;
}

#search-map ul {
margin: 0 !important;
padding: 0 !important;
}

#search-map li {
margin: 0;
padding: 0;
margin-bottom: 5px;
display: block;
list-style: none;
}

#directions-container {
width:315px;
margin: 20px 0;
position: relative;
}

span.waypoint-marker {
background:url("../gfx/waypoint-yellow.jpg") no-repeat scroll left top white;
color:white;
float:left;
font-family:Arial,Helvetica,sans-serif;
font-weight:bold;
height:20px;
line-height:16px;
margin:8px 5px 0 0;
padding-top:5px;
text-align:center;
text-transform:uppercase;
width:25px;
}

.directions-waypoint.start span.waypoint-marker {
background:url("../gfx/waypoint-green.jpg") no-repeat scroll left top white;
}

.directions-waypoint.end span.waypoint-marker {
background:url("../gfx/waypoint-red.jpg") no-repeat scroll left top white;
}

span.waypoint-mark {
background:url("../gfx/waypoint-yellow.jpg") no-repeat scroll left top white;
color:white;
float:left;
font-family:Arial,Helvetica,sans-serif;
font-weight:bold;
height:20px;
line-height:16px;
margin:8px 5px 0 0;
padding-top:5px;
text-align:center;
text-transform:uppercase;
width:25px;
}

.dir-waypoint.start span.waypoint-mark {
background:url("../gfx/waypoint-green.jpg") no-repeat scroll left top white;
}

.dir-waypoint.end span.waypoint-mark {
background:url("../gfx/waypoint-red.jpg") no-repeat scroll left top white;
}

.direct-waypoint.start span.waypoint-marker {
background:url("../gfx/waypoint-green.jpg") no-repeat scroll left top white;
}
.direct-waypoint.start span.waypoint-marker a {
color:white; text-decoration:none; font-size:16px; font-weight:bold;
}
.direct-waypoint.end span.waypoint-marker {
background:url("../gfx/waypoint-red.jpg") no-repeat scroll left top white;
}
.direct-waypoint.end span.waypoint-marker a {
color:white; text-decoration:none; font-size:16px; font-weight:bold;
}
.direct-waypoint span.waypoint-marker {
background:url("../gfx/waypoint-yellow.jpg") no-repeat scroll left top white;
}
.dir-waypoint span.waypoint-mark a {
color:white; text-decoration:none; font-size:16px; font-weight:bold;
}
.directions-waypoint .waypoint-movable {
background-color:#D7E9F4;
border:1px solid silver;
float:right;
height:38px;
width:283px;
}

.directions-waypoint a.arrange-directions {
background:url("../gfx/directions-arrange.gif") no-repeat scroll center center white;
border-right:1px solid silver;
color:white;
cursor:-moz-grab;
float:left;
height:38px;
width:18px;
}

.directions-waypoint span.waypoint-address {
float:left;
}

.directions-waypoint span.waypoint-address input {
border-color:#999999 #EEEEEE #DDDDDD #CCCCCC;
border-style:solid;
border-width:1px;
color:#555555;
font-family:Arial,Verdana,Helvetica,sans-serif;
margin:8px 0 0 8px;
padding:3px 5px;
width:210px;
}

.directions-waypoint a.remove-waypoint {
background:url("../gfx/circle-delete.gif") no-repeat scroll left top transparent;
cursor:pointer;
float:right;
height:20px;
margin:9px 6px 0 0;
outline:0 none;
width:20px;
}

#addnew {
display:block;
font-size:12px;
padding:0 0 0 30px;
color:#067AB4;
font-weight:bold;
text-decoration:none;
width: 25px;
cursor: pointer;
}

#reverse {
display:block;
font-size:12px;
padding:0 0 0 30px;
color:#067AB4;
font-weight:bold;
text-decoration:none;
margin-right:10px;
cursor: pointer;
}

#getDirections {
color:white;
font-family:"Lucida Grande","Lucida Sans",Arial,Helvetica,sans-serif;
font-size:1.2em;
font-weight:bold;
text-align:center;
width:135px;
background:url("../gfx/black.gif") repeat-x scroll left center #333333 !important;
border:1px solid #888888 !important;
color:white !important;
cursor:pointer;
padding:3px 14px !important;
float: right;
}

/* Tool Tip */
.ero {
background-color:transparent;
border:0 none;
color:#676767;
display:block;
font-size:0.9em;
left:-5000px;
position:absolute;
text-align:left;
top:0;
z-index:500;
}

.ero-leftBeak {
padding:0 0 0 19px;
}

.ero-shadow {
background-color:transparent;
}

.ero-body {
background-color:transparent;
border:0 none;
padding:0;
position:relative;
width:200px;
left:-3px;
overflow:hidden;
top:-3px;
}

.ero .top {
background-color:white;
border-top:1px solid #DDDDDD;
height:5px;
margin:0 5px;
position:relative;
}

.ero .top-left {
background:url("../gfx/map.png") no-repeat scroll 0 -309px transparent;
font-size:1px;
height:5px;
left:-5px;
line-height:2px;
position:absolute;
top:0;
width:5px;
}

.ero .top-right {
background:url("../gfx/map.png") no-repeat scroll 0 -339px transparent;
font-size:1px;
height:5px;
line-height:2px;
position:absolute;
right:-5px;
top:0;
width:5px;
}

.ero .ero-actionsBackground {
background-color:white;
border-left:1px solid #DDDDDD;
border-right:1px solid #DDDDDD;
font-size:62.5%;
margin:0;
padding:0;
}

.ero .ero-previewArea {
background-color:#FFFFFF;
border-bottom:1px solid #FFFFFF;
width:100%;
}

.ero .ero-previewArea div.firstChild {
margin:0 12px;
overflow: hidden;
}

.ero .ero-previewArea p {
margin:0;
padding:0 12px 10px 0;
word-wrap:break-word;
}

.VE_Pushpin_Popup_Body {
color:#676767;
font-family:Verdana,sans-serif;
font-size:8pt;
font-weight:normal;
}

.VE_Pushpin_Popup_Title {
color:black;
font-family:Verdana,sans-serif;
font-size:8pt;
font-weight:bold;
padding-bottom:5px;
}

.VE_Pushpin_Popup_Body {
color:#676767;
font-family:Verdana,sans-serif;
font-size:8pt;
font-weight:normal;
}

.ero .bottom {
background-color:white;
border-bottom:1px solid #DDDDDD;
height:5px;
margin:0 5px;
position:relative;
}

.ero-leftBeak .ero-beak {
background:url("../gfx/vecss.gif") no-repeat scroll 0 -63px transparent;
height:34px;
left:0;
width:19px;
position:absolute;
}

/* Mail */

.bingprint-link {
background:url("../gfx/black.gif") repeat-x scroll left top transparent;
border:1px solid #D4D4D4;
color:white;
font-family:"Lucida Grande","Lucida Sans",Arial,Helvetica,sans-serif;
font-size:14px;
padding:3px 14px;
position:absolute;
right:20px;
text-align:center;
text-decoration:none;
top:10px;
width:60px;
cursor:pointer;
}

#mail_wrapper, #mail-page {
margin: 0 auto 20px;
width: 670px;
}

#bingprint-link-wrapper {
text-align: center;
margin: 0 auto 20px;
width: 670px;
}

#mail_wrapper p {
color:#404040;
font-size:12px;
font-weight:bold;
text-align:left;
width:300px;
}

#mail_wrapper p textarea {
border:1px solid #C7C7C7;
width: 298px;
}

#mail_wrapper p input {
border:1px solid #C7C7C7;
float:right;
margin-left:5px;
padding:3px;
}

#dir_buttons_wrapper {
float: left;
width: 170px;
}

#dir_buttons{
width:315px;
}

#di_wrapper {
width: 315px;
float: left;
}

#map-directions {
display:none;
float:right;
overflow:hidden;
margin-top:20px;
}

#directions-title {
color:#000000;
font-family:"Lucida Grande","Lucida Sans",Arial,Helvetica,sans-serif;
font-size:18px;
font-weight:normal;
margin-bottom: 0;
margin-right:0.5em;
padding: 0;
}

#directions-title span {
font-size:14px;
color: #777;
font-family: Arial, Helvetica, sans-serif;
}

#map-directions {
float:right;
overflow:hidden;
width:320px;
}

#waypoints p {
font-size: 12px;
margin: 0;
margin-bottom: 5px;
}

#map-directions .route-toggle, #map-print-directions .route-toggle {
margin-bottom: 10px;
}

#map-directions .route-toggle span, #map-print-directions .route-toggle span {
display:inline;
margin-bottom:3px;
margin-right:30px;
}

#map-directions .route-toggle input, #map-print-directions .route-toggle input {
margin: 0;
}

#map-directions .route-toggle span, #map-print-directions .route-toggle span {
font-size:12px;
}

#map-directions .trip-info, #map-print-directions .trip-info {
margin:8px 0 12px 10px;
width:338px;
}

#map-directions .trip-distance, #map-directions .trip-time, #map-print-directions .trip-distance, #map-print-directions .trip-time {
display:block;
margin-bottom:3px;
}

.bold {
font-weight:bold;
}

#map-directions .segment, #map-print-directions .segment {
border: 1px solid #EEEEEE;
margin: 10px 0 10px;
padding: 10px;
}

#map-directions .waypoint, #map-print-directions .waypoint {
display:block;
font-weight:bold;
width:100%;
}

.start span.waypoint-marker, span.waypoint-marker.start {
background:url(../gfx/waypoint-green.jpg) no-repeat scroll left top white;
}

#map-directions span.waypoint-address, #map-print-directions span.waypoint-address {
float:left;
padding-top:6px;
width:268px;
font-size: 12px;
}

#map-directions .information, #map-print-directions .information {
font-size: 11px;
font-weight: bold;
margin: 0 0 5px 30px;
}

#map-directions .information a.expand-collapse, #map-print-directions .information a.expand-collapse {
background:url("../gfx/round-arrow-down.gif") no-repeat scroll left top white;
display:inline-block;
height:14px;
margin-right:5px;
vertical-align:bottom;
width:14px;
}

#map-directions .information, #map-print-directions .information {
font-size:10px;
font-weight:bold;
}

#map-directions ol, #map-print-directions ol {
    margin: 10px 0;
    padding-left: 26px;
}

#map-directions li.step, #map-print-directions li.step {
clear: both;
color: #067AB4;
display: list-item;
font-size: 12px;
list-style-position: outside;
list-style-type: decimal;
margin: 0 0 10px;
vertical-align: top;
}

#map-directions li.step div, #map-print-directions li.step div {
display:inline-block;
height:1%;
overflow:hidden;
vertical-align:top;
}

#maps-page .directions-form-container #direction-steps-content {
height:1%;
margin-bottom:10px;
overflow:hidden;
}

#maps-page h2, #mail-page h2 {
background-color:#F4F4F4;
border:1px solid #EFEFEF;
display:block;
font-family:"Lucida Grande","Lucida Sans",Arial,Helvetica,sans-serif;
font-size:16px;
font-weight:bold;
padding:5px 10px;
margin-bottom: 0;
}

#maps-page .directions-form-container #direction-steps-content .directions-waypoint, #mail-page .directions-form-container #direction-steps-content .directions-waypoint {
clear:none !important;
float:left !important;
height:auto !important;
margin:5px 10px !important;
padding:0 !important;
width:315px !important;
}

#maps-page .directions-form-container #direction-steps-content .directions-waypoint h3, #mail-page .directions-form-container #direction-steps-content .directions-waypoint h3 {
color:#555555;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight: normal;
margin: 0 0 5px;
}

#maps-page .directions-form-container #direction-steps-content .directions-waypoint span.waypoint-address, #mail-page .directions-form-container #direction-steps-content .directions-waypoint span.waypoint-address {
color:black;
font-family:Arial,Helvetica,sans-serif;
font-size:14px;
font-weight:bold;
}

#map-directions li.step span.direction, #map-print-directions li.step span.direction {
color:#555555;
float:left;
margin:0 15px 0 0;
vertical-align:middle;
width:208px;
}

#map-directions li.step span.distance, #map-print-directions li.step span.distance {
color: #555555;
float: right;
font-size: 10px;
text-align: right;
vertical-align: middle;
width: 48px;
}

.waymark {
background:url("../gfx/waypoint-yellow.jpg") no-repeat scroll left top white;
color: white;
float: left;
font-family: Arial,Helvetica,sans-serif;
font-size: 13px;
font-weight: bold;
height: 20px;
line-height: 16px;
margin: 8px 5px 0 0;
padding-top: 5px;
text-align: center;
text-transform: uppercase;
width: 25px;
}

.waymark_end{
background:url("../gfx/waypoint-red.jpg") no-repeat scroll left top white;
color: white;
float: left;
font-family: Arial,Helvetica,sans-serif;
font-size: 13px;
font-weight: bold;
height: 20px;
line-height: 16px;
margin: 8px 5px 0 0;
padding-top: 5px;
text-align: center;
text-transform: uppercase;
width: 25px;
}
.waymark_start{
background:url("../gfx/waypoint-green.jpg") no-repeat scroll left top white;
color: white;
float: left;
font-family: Arial,Helvetica,sans-serif;
font-size: 13px;
font-weight: bold;
height: 20px;
line-height: 16px;
margin: 8px 5px 0 0;
padding-top: 5px;
text-align: center;
text-transform: uppercase;
width: 25px;
}

.wayaddr {
color: #555555;
float:left;
font-family: Arial,Helvetica,sans-serif;
font-weight:bold;
font-size:13px;
margin:11px 10px 10px 0;
padding-top:3px;
text-align:left;
text-transform:uppercase;
width: 198px;
}

/* Bing Widget */

#layout1 #bing-maps-widget .widget-body, #layout3 #bing-maps-widget .widget-body {
padding: 20px 0 !important;
}

.bing-map-link {
width: 250px;
background: url(../../../../../../../gfx/bing-widget.gif) repeat-x top center #fff;
padding: 5px;
border: 1px solid #c7c7c7;
border-bottom: none;
}

.bing-map-link a {
font-weight: normal;
height: 19px;
}